<!--
 * @Author: chaoxiaoshu-mx leukotrichia@163.com
 * @Date: 2023-02-09 16:50:54
 * @LastEditors: chaoxiaoshu-mx leukotrichia@163.com
 * @LastEditTime: 2023-02-10 16:18:04
 * @FilePath: \vue-remote-component\vue-main\src\App.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
  <div id="app">
    <WithComponent v-bind="vueCode"></WithComponent>
  </div>
</template>

<script>
import axios from "axios"
import { deconstruction } from "@/utils/vm"
import WithComponent from "./components/WithComponent.vue";
export default {
  name: 'App',
  components: {
    WithComponent
  },
  data() {
    return {
      vueCode: null
    }
  },
  created() {
    axios.get('http://localhost/api/public/test.vue')
      .then(res => {
        this.vueCode = deconstruction(res.data);
      })
  }
}
</script>

<style>

</style>
